﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="collection.aspx.cs" Inherits="Default2" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<asp:Literal ID="LtrlPathFollowed" runat="server"></asp:Literal>
    <asp:Literal ID="js" runat="server"></asp:Literal>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">
<div class="main_body">
 <div class="bodyIndex">
               <table width="100%">
                <tr>
                <td colspan="2">
                <asp:Label ID="lblHeading" runat="server" Text="New Map" CssClass="Pageheading"></asp:Label>
                </td>
                </tr>
                    <tr>
                        <td style="padding:0 10px 0 10px;" colspan="2" > 
                        <table class="heading"><tr><td><h2>
                           
                        <a href="#" class="btn123" style="font-size:larger;text-decoration:none;">Filters</a>
                         </h2></td>
                         </tr>
                         </table>
                             <div class="content">
                             <table width="100%" style="border: thick solid #78BE3A;">
                             <tr>
                             <td style="padding-left: 10px;" class="style1"> 
                             <asp:GridView ID="gvMain" runat="server" AutoGenerateColumns="False" CellPadding="10"
                                ForeColor="#333333" GridLines="None" CssClass="BoldTextTable" >
                                <Columns>
                                <asp:TemplateField HeaderText="E" HeaderStyle-HorizontalAlign="Center">
                                <ItemTemplate>
                                <asp:CheckBox ID="chkNewDeliverer" runat="server" Text=""  Checked="true"/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="N">
                                <ItemTemplate>
                                <asp:CheckBox ID="chkDeliverer"  runat="server" Text=''  Checked="true"/>
                                </ItemTemplate>
                                </asp:TemplateField>
                                    <asp:TemplateField HeaderText="Repartidores">
                                    <HeaderStyle Font-Size="30px" />
                                        <ItemTemplate>
                                            <asp:Label ID="lbldeliverer" runat="server" CssClass="lineHeight" Text='<%# DataBinder.Eval(Container.DataItem,"Deliverer") %>'></asp:Label>
                                              &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                            <asp:Label ID="lblInstamapperAPIkey" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"InstamapperAPIkey") %>'
                                                Visible="false"></asp:Label>
                                            <asp:Label ID="lblAuthToken" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"Zoho_Authtoken") %>'
                                                Visible="false"></asp:Label>
                                            <asp:Label ID="lblPathColor" runat="server" Text='<%# DataBinder.Eval(Container.DataItem,"PathColor") %>'
                                                Visible="false"></asp:Label>


                                        </ItemTemplate>
                                    </asp:TemplateField>
                                      <asp:TemplateField >
                                        <ItemTemplate>
                                        <span style="background-color:<%# DataBinder.Eval(Container.DataItem,"PathColor") %>" >
                                        &nbsp;&nbsp;&nbsp;&nbsp;
                                        </span>

                                        </ItemTemplate>
                                    </asp:TemplateField>
                                </Columns>
                            </asp:GridView>
                            </td>
                            <td style="padding-left: 10px;" valign="top">
                             <table>
                               <tr>
                               <td colspan="2" style="padding-left:110px" >
                               <h1 >For Filter</h1>
                               </td>
                               </tr>
                                    <tr>
                                        <td>
                                            <asp:Label runat="server" ID="lblDate" AssociatedControlID="ddlTime" Text="Hora inicio" CssClass="BoldTextTable"></asp:Label>
                                        </td>
                                        <td>
                                            <asp:DropDownList ID="ddlTime" runat="server" CssClass="BoldTextTable">
                                            
                                            </asp:DropDownList>
                                          &nbsp;
                                            <%--<asp:CalendarExtender ID="CalendarExtenderDate" runat="server" TargetControlID="txtDate">
                                            </asp:CalendarExtender>--%>
                                            <asp:DropDownList ID="ddlAmPm" runat="server" CssClass="BoldTextTable">
                                            <asp:ListItem  Text="AM"></asp:ListItem>
                                            <asp:ListItem Text="PM"></asp:ListItem>
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            &nbsp;
                                           
                                            <asp:Label ID="lblLocaltime" runat="server" Text="" CssClass="BoldTextTable" ></asp:Label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Label ID="lblShowCuntomerName" runat="server" Text="Customer Name Show" AssociatedControlID="chkIsNameVisible" CssClass="BoldTextTable"></asp:Label>
                                        </td>
                                        <td>
                                            <asp:CheckBox ID="chkIsNameVisible" runat="server" Checked="true" CssClass="BoldTextTable" />
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <asp:Label ID="lblNumber" runat="server" AssociatedControlID="txtNumber" Text="Puntos porruta" CssClass="BoldTextTable"></asp:Label>


                                        </td>
                                        <td align="right">
                                            <asp:TextBox ID="txtNumber" runat="server" Text="500" CssClass="BoldTextTable"></asp:TextBox>
                                            <asp:CompareValidator ID="CompareValidator1" runat="server" ErrorMessage="Number Only" ControlToValidate="txtNumber" Operator="DataTypeCheck" Type="Integer"></asp:CompareValidator>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td colspan="2">
                                            &nbsp;
                                        </td>
                                    </tr>
                                    <tr>
                                        <td >
                                             <asp:Label ID="Label1" runat="server" AssociatedControlID="txtNumber" Text="Show Instamapper Map" CssClass="BoldTextTable"></asp:Label>;</td>
                                        <td>
                                            <asp:CheckBox ID="chkShowInstamapper" runat="server" Checked="true" /></td>
                                    </tr>
                                    <tr>
                                        <td class="BoldTextTable" colspan="2">
                                            &nbsp;</td>
                                    </tr>
                                    <tr>
                                        <td class="BoldTextTable">
                                            Refersh Rate</td>
                                        <td>
                                            <asp:DropDownList ID="ddlRefershRate" runat="server" CssClass="BoldTextTable">
                                            </asp:DropDownList>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            &nbsp;
                                        </td>
                                        <td align="left" style="height:70px"; valign="bottom">
                                            <asp:Button ID="btnSearch" runat="server" OnClick="btnSearch_Click" Text="Apply"
                                                CssClass="btn123" OnClientClick="stoptimer()" />
                                        </td>
                                    </tr>
                            </table>
                            </td>
                            </tr>
                            </table>
                            </div>
                           
                        </td>
                    </tr>
                    <tr>
                        <td colspan="2"  >
                            <b style="font-size:25px">Paths:</b>
                            <div id="map_canvas" style="border: thick solid #78BE3A;width: 100%; height: 1150px">
                            </div>
                        </td>
                    </tr>
                </table>
 </div>
 </div>
  <script>

      var myOptions = {
          zoom: 11,
          center: new google.maps.LatLng(19.54023, -99.21362),
          mapTypeId: google.maps.MapTypeId.ROADMAP
      };

      map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
    </script>
    <script type="text/javascript">
        jQuery(document).ready(function () {
            jQuery(".content").hide();
            //toggle the componenet with class msg_body
            jQuery(".heading").click(function () {
                jQuery(this).next(".content").slideToggle(500);
            });
        });
    </script>
</asp:Content>
